<template>
  <div class>
    <mt-header v-bind:title="msg">
      <router-link to="/blogs" slot="left">
        <mt-button icon="back">返回</mt-button>
      </router-link>
      <mt-button icon="more" slot="right"></mt-button>
    </mt-header>
    <mt-cell   value="查看"></mt-cell>
  </div>
</template>

<script>
export default {
  name: "blog_detail",
  data() {
    return {
      msg: "blog detail",
    };
  },
  mounted: function () {
    // `this` 指向 vm 实例
    let that = this;
    let id = this.$route.query.id;
    this.$http({
      method: 'get',
      url: 'http://api.lb.com/api/topics',
      data: {
        name: 'wise',
        info: 'wrong'
      }
   }).then(function(response) {
     if(response.status == 200 && response.data){
       let topics = response.data.data;
       that.topics = topics;
       console.log(22)
     }
    // console.log(response.data);
    // console.log(response.status);
    // console.log(response.statusText);
    // console.log(response.headers);
    // console.log(response.config);
  });
  },
  methods: {
    next() {
      console.log(this.title);
      return true;
    }
  }
};
</script>
<style>
#app{
  text-align: left;
}
</style>
